<div class="row m-n">
  <div class="crumbs-bar">
      <div yb-crumbs></div>
  </div>
  <div tabset type="tab">
      <div tab heading="物流信息查询表" active="activeFlag[0]" ng-click="changeTab(0)">
          <div class="row wrapper-y-sm">
              <div class="operate-bar col-xs-8 font-0">
              </div>
              <div class="search-bar wrapper-none col-xs-4">
                  <div class="btn-group m-l-xs pull-right">
                      <button type="button" class="btn btn-default base-color" ng-click="search()" translate
                          translate-attr-title="刷新">
                          <i class="yb-icon ico-refresh"></i>
                      </button>
                      <button type="button" class="btn btn-default base-color" translate translate-attr-title="配置表格列"
                          ng-click="switchToolbar('ColConfig');">
                          <i class="yb-icon ico-set"></i>
                      </button>
                      <div class="btn btn-default base-color" >
                          <div translate translate-attr-title="导出">
                              <i class="yb-icon ico-export-o"></i>
                          </div>
                          <ul class="more-tool">
                              <li yb-download download-url="exportParam.sectionUrl"
                                  download-param="exportParam.sectionParam" download-key="ids">
                                  <i class="yb-icon ico-export-o"></i> <span translate>导出</span>
                              </li>
                              <li yb-download download-url="exportParam.allUrl" download-param="condition"
                                  download-duration="3" download-duration="3">
                                  <i class="yb-icon ico-export-o"></i> <span translate>导出全部</span>
                              </li>
                          </ul>
                      </div>
                  </div>
                  <button class="btn-advance pull-right m-l-xs" ng-click="switchToolbar('AdvanceSearch')" translate-attr-title="高级搜索" translate="高级搜索more"></button>
                  <div class="input-group pull-right clearfix">
                      <input type="text" class="form-control txt-search" translate
                          translate-attr-placeholder="发运交接单号" ng-model="condition.deliveryReceiptNo">
                      <span class="input-group-addon cursor-pointer" ng-click="search(1)" translate>搜索</span>
                  </div>
              </div>
          </div>
          <div yb-advance-search show-toolbar="toolbarConfig.showAdvanceSearch" search-data="search(1)"
              reset-data="reset()">
              <div class="advance-search m-t-sm">
                  <div class="form-group clearfix m-b-none">
                      <label class="control-label"><span translate>发货时间</span>：</label>
                      <input type="text" class="form-control date-picker" ng-model="condition.deliveryTimeStart"
                          datepicker-popup="{{'yyyy-MM-dd'}}" ng-click="switchDataPicker(2)"
                          is-open="datePickerFlag[2]" close-text="关闭"
                          ng-change="checkDate(condition, 'deliveryTimeStart', 'deliveryTimeEnd')" modal-size="small"
                          readonly>
                  </div>
                  <div class="form-group clearfix m-b-none">
                      <label class="control-label"></label>
                      <label class="control-label wave-line">~</label>
                  </div>
                  <div class="form-group clearfix">
                      <label class="control-label"></label>
                      <input type="text" class="form-control date-picker" ng-model="condition.deliveryTimeEnd"
                          datepicker-popup="{{'yyyy-MM-dd'}}" ng-click="switchDataPicker(3)"
                          is-open="datePickerFlag[3]" close-text="关闭"
                          ng-change="checkDate(condition, 'deliveryTimeStart', 'deliveryTimeEnd')" modal-size="small"
                          readonly>
                  </div>
                  <div class="form-group clearfix">
                      <label class="control-label"><span translate>发运交接单号</span>：</label>
                      <textarea ng-model="condition.deliveryReceiptNo" class="form-control" translate
                          translate-attr-placeholder="逗号分隔或者换行分隔"></textarea>
                  </div>
                  <div class="form-group clearfix">
                      <label class="control-label"><span translate>收货方名称</span>：</label>
                      <input type="text" name="recipient" ng-model="condition.recipient" class="form-control">
                  </div>
                  <div class="form-group clearfix">
                      <label class="control-label"><span translate>签收单是否上传</span>：</label>
                      <select class="form-control" ng-model="condition.uploadDeliveryReceipt">
                          <option value="" translate>请选择</option>
                          <option value="是" translate>是</option>
                          <option value="否" translate>否</option>
                      </select>
                  </div>
                  <div class="form-group clearfix">
                      <label class="control-label"><span translate>运输方式</span>：</label>
                      <input type="text" name="receiverName" ng-model="condition.modeOfTransport" class="form-control">
                  </div>
                  <div class="form-group clearfix">
                      <label class="control-label"><span translate>承运商名称</span>：</label>
                      <input type="text" name="receiverName" ng-model="condition.carrierOrgName" class="form-control">
                  </div>
              </div>
          </div>
          <div yb-col-config show-toolbar="toolbarConfig.showColConfig" ng-model="tableConfig" col-fixed="true"
              has-check-col="true" set-tb-style="setFixedWidth()"></div>
          <div class="main-area">
              <div yb-table-fixed class="table-fixed-wrap fix-left" ele-count="4" scroll-area="right" style="top:13px">
                  <div class="th-fixed">
                      <table class="table-fixed border-none" width="{{tableConfig.fixedWidth}}">
                          <thead>
                              <tr>
                                  <th width="40" class="text-center border-l-none th-check">
                                      <div yb-check-box yb-checked="markInfo.allChecked" yb-click="selectForAll()">
                                      </div>
                                  </th>
                              </tr>
                          </thead>
                      </table>
                  </div>
                  <div class="th-scroll-x" ng-style="tbStyle.scrollLeft">
                      <table class="table-fixed border-none" width="{{tableConfig.scrollWidth}}">
                          <thead>
                              <tr>
                                  <th ng-repeat="itemCol in tableConfig.tableCol track by $index"
                                      width="{{itemCol.width}}" ng-click="toSort(tableConfig.tableCol, $index)"
                                      ng-show="!!itemCol.isShow && !itemCol.isFixed">
                                      <div yb-thead-operate ng-model="itemCol" target-width="tableConfig.scrollWidth">
                                      </div>
                                  </th>
                              </tr>
                          </thead>
                      </table>
                  </div>
                  <div class="td-scroll-y" ng-show="dataList.length > 0" ng-style="tbStyle.scrollLeftWidth">
                      <table class="table-fixed border-none">
                          <tbody>
                              <tr ng-repeat="item in dataList track by $index"
                                  ng-class="{'row-selected': $index === markInfo.cueRow}"
                                  ng-click="selectRow($index)">
                                  <td width="40" class="text-center border-l-none">
                                      <div yb-check-box yb-checked="item.isChecked" yb-click="selectSingle(item)"></div>
                                  </td>
                              </tr>
                          </tbody>
                      </table>
                  </div>
                  <div class="td-scroll" ng-show="dataList.length > 0" ng-style="tbStyle.scrollLeft">
                      <table class="table-fixed border-none" width="{{tableConfig.scrollWidth}}">
                          <tbody>
                              <tr ng-repeat="item in dataList track by $index"
                                  ng-class="{'row-selected': $index === markInfo.cueRow}"
                                  ng-click="selectRow($index)">
                                  <td class="spill-dots" ng-repeat="itemCol in tableConfig.tableCol track by $index"
                                      width="{{itemCol.width}}" ng-show="!!itemCol.isShow && !itemCol.isFixed"
                                      title="{{item[itemCol.dataField]}}">
                                      <span ng-if="!itemCol.clickFn && itemCol.type != 'image'">{{item[itemCol.dataField]}}</span>
                                      <a ng-if="!!itemCol.clickFn" class="btn-operate m-r-xs" ng-click="tdClick(item, itemCol.clickFn)" ng-switch="itemCol.type">
                                          <span ng-switch-default>
                                              {{item[itemCol.dataField]}}
                                          </span>
                                      </a>
                                      <a ng-if="!itemCol.clickFn && itemCol.type == 'image' && item[itemCol.dataField]" ng-click="viewImage(imgItem)" translate
                                            ng-repeat="imgItem in item.deliveryReceiptPictureList track by $index"
                                            style="color: blue;">查看</a>

                                  </td>
                              </tr>
                          </tbody>
                      </table>
                  </div>
                  <div class="no-data w-full text-center p-t" ng-show="dataList.length === 0" translate>暂时没有数据</div>
              </div>
          </div>
          <div class="bottom-area page-bar wrapper-y-sm clearfix">
              <div yb-check-box class="m-t-xs m-r-sm" yb-checked="markInfo.allChecked" yb-check-name="全选"
                  yb-click="selectAll()"></div>
              <div yb-page-info ng-model="pageInfo" yb-refresh="search()"></div>
          </div>
      </div>
      <div tab heading="详情" active="activeFlag[2]" ng-if="headFlagTwo == 'detail'" ng-click="changeTab(2)">
          <div class="m-t-sm form-up-tb clearfix">
              <div class="form-group col-xs-3 m-b-sm">
                  <label class="col-xs-4 m-b-n text-right max-w-100"><span translate>发运交接单号</span>：</label>
                  <div class="col-xs-8 wrapper-none spill-dots"
                      title="{{detailInfo.deliveryReceiptNo || '-'}}">
                      {{detailInfo.deliveryReceiptNo || "-"}}
                  </div>
              </div>
              <div class="form-group col-xs-3 m-b-sm">
                  <label class="col-xs-4 m-b-n text-right max-w-100"><span translate>始发地</span>：</label>
                  <div class="col-xs-8 wrapper-none spill-dots"
                      title="{{detailInfo.beginningPlace || '-'}}">
                      {{detailInfo.beginningPlace || "-"}}
                  </div>
              </div>
              <div class="form-group col-xs-3 m-b-sm">
                  <label class="col-xs-4 m-b-n text-right max-w-100"><span translate>发货时间</span>：</label>
                  <div class="col-xs-8 wrapper-none spill-dots"
                      title="{{(detailInfo.deliveryTime|YbDate:'yyyy-MM-dd HH:mm:ss') || '-'}}">
                      {{(detailInfo.deliveryTime|YbDate:'yyyy-MM-dd HH:mm:ss') || "-"}}
                  </div>
              </div>
              <div class="form-group col-xs-3 m-b-sm">
                  <label class="col-xs-4 m-b-n text-right max-w-100"><span translate>重量</span>：</label>
                  <div class="col-xs-8 wrapper-none spill-dots"
                      title="{{detailInfo.weight || '-'}}">
                      {{detailInfo.weight || "-"}}
                  </div>
              </div>
              <div class="form-group col-xs-3 m-b-sm">
                  <label class="col-xs-4 m-b-n text-right max-w-100"><span translate>尺寸</span>：</label>
                  <div class="col-xs-8 wrapper-none spill-dots"
                      title="{{detailInfo.measurement || '-'}}">
                      {{detailInfo.measurement || "-"}}
                  </div>
              </div>
              <div class="form-group col-xs-3 m-b-sm">
                  <label class="col-xs-4 m-b-n text-right max-w-100"><span translate>体积</span>：</label>
                  <div class="col-xs-8 wrapper-none spill-dots"
                      title="{{detailInfo.volume || '-'}}">
                      {{detailInfo.volume || "-"}}
                  </div>
              </div>
              <div class="form-group col-xs-3 m-b-sm">
                  <label class="col-xs-4 m-b-n text-right max-w-100"><span translate>到货时间</span>：</label>
                  <div class="col-xs-8 wrapper-none spill-dots"
                      title="{{(detailInfo.arrivalTime|YbDate:'yyyy-MM-dd HH:mm:ss') || '-'}}">
                      {{(detailInfo.arrivalTime|YbDate:'yyyy-MM-dd HH:mm:ss') || "-"}}
                  </div>
              </div>
              <div class="form-group col-xs-3 m-b-sm">
                  <label class="col-xs-4 m-b-n text-right max-w-100"><span translate>标准时效</span>：</label>
                  <div class="col-xs-8 wrapper-none spill-dots"
                      title="{{detailInfo.standardTimeframe || '-'}}">
                      {{detailInfo.standardTimeframe || "-"}}
                  </div>
              </div>
              <div class="form-group col-xs-3 m-b-sm">
                  <label class="col-xs-4 m-b-n text-right max-w-100"><span translate>收货方</span>：</label>
                  <div class="col-xs-8 wrapper-none spill-dots"
                      title="{{detailInfo.recipient || '-'}}">
                      {{detailInfo.recipient || "-"}}
                  </div>
              </div>
              <div class="form-group col-xs-3 m-b-sm">
                  <label class="col-xs-4 m-b-n text-right max-w-100"><span translate>收货地址</span>：</label>
                  <div class="col-xs-8 wrapper-none spill-dots"
                      title="{{detailInfo.shippingAddress || '-'}}">
                      {{detailInfo.shippingAddress || "-"}}
                  </div>
              </div>
              <div class="form-group col-xs-3 m-b-sm">
                  <label class="col-xs-4 m-b-n text-right max-w-100"><span translate>联系人</span>：</label>
                  <div class="col-xs-8 wrapper-none spill-dots"
                      title="{{detailInfo.contacts || '-'}}">
                      {{detailInfo.contacts || "-"}}
                  </div>
              </div>
              <div class="form-group col-xs-3 m-b-sm">
                  <label class="col-xs-4 m-b-n text-right max-w-100"><span translate>费用</span>：</label>
                  <div class="col-xs-8 wrapper-none spill-dots"
                      title="{{detailInfo.cost || '-'}}">
                      {{detailInfo.cost || "-"}}
                  </div>
              </div>
              <div class="form-group col-xs-3 m-b-sm">
                  <label class="col-xs-4 m-b-n text-right max-w-100"><span translate>运输方式</span>：</label>
                  <div class="col-xs-8 wrapper-none spill-dots"
                      title="{{detailInfo.modeOfTransport || '-'}}">
                      {{detailInfo.modeOfTransport || "-"}}
                  </div>
              </div>
              <div class="form-group col-xs-3 m-b-sm">
                  <label class="col-xs-4 m-b-n text-right max-w-100"><span translate>签收单是否上传</span>：</label>
                  <div class="col-xs-8 wrapper-none spill-dots"
                      title="{{detailInfo.uploadDeliveryReceipt || '-'}}">
                      {{detailInfo.uploadDeliveryReceipt || "-"}}
                  </div>
              </div>
              <div class="form-group col-xs-3 m-b-sm">
                  <label class="col-xs-4 m-b-n text-right max-w-100"><span translate>签收单照片地址</span>：</label>
                  <div class="col-xs-8 wrapper-none spill-dots"
                      title="{{detailInfo.deliveryReceiptPicture || '-'}}">
                      {{detailInfo.deliveryReceiptPicture || "-"}}
                  </div>
              </div>
              <div class="form-group col-xs-3 m-b-sm">
                  <label class="col-xs-4 m-b-n text-right max-w-100"><span translate>同步时间</span>：</label>
                  <div class="col-xs-8 wrapper-none spill-dots"
                      title="{{(detailInfo.syncTime|YbDate:'yyyy-MM-dd HH:mm:ss') || '-'}}">
                      {{(detailInfo.syncTime|YbDate:'yyyy-MM-dd HH:mm:ss') || "-"}}
                  </div>
              </div>
          </div>
          <div class="bottom-area btn-bar text-center border-t clearfix">
              <button type="button" class="btn btn-default" ng-click="changeTab(0)" translate>取消</button>
          </div>
      </div>
  </div>
</div>
